<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>大数据分析</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<!--[if IE 7]>
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
		<![endif]-->
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/com.css" />
		<link rel="stylesheet" href="css/majorProject.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/echarts4.0.2.js"></script>

		<!--html5shiv.js和respond.min.js是为了让IE8支持HTML5的新标签以及CSS3里的媒体查询-->
		<!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5shiv.js"></script>
		<script type="text/javascript" src="js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body class="bg">
		<!--应用详情主体-->
		<div class="container-fluid content-wrap">
			<div class="app-content">
			    <div class="row">
			    	<div class="menu">
			    		<!--<span class="logo fa fa-navicon" title="菜单目录"></span>-->
						
						<ul class="menu-list w35 pull-left" >
							<li class="choose"><a class="list-item" href="majorProject.html" title="项目概览">项目概览</a></li>
							<li><a class="list-item" href="projectManage2.html" title="项目管理">项目管理</a></li>
						</ul>
						<h4 class="title"><span>连云港城市运营监控分析</span></h4>
						<span class="amplify pull-right"><img src="img/enlarge.png/" alt="" /></span>
						<ul class="menu-list w30 pull-right" >

							<li><a class="list-item" href="specialAnalysis.html" title="专题分析">专题分析</a></li>
							<li><a class="list-item" href="enterpriseCloud.html" title="企业云图">企业云图</a></li>
							<li class="choose"><a class="list-item" href="majorProject.html" title="重大项目">重大项目</a></li>
							<li><a class="list-item" href="index.html" title="招商引资">招商引资</a></li>
							
						</ul>
			    	</div>
			    	<!-- <ul class="center clearfix">
			    		<li class="onshow">供求对比关系</li>
			    		<li>供求关系分析</li>
			    		<li>热闹行业</li>
			    	</ul> -->
			    	
			    	<div class="content-list-wrap">
				    	<div class="content-list">
				    		<div class="content-left">
				    			<div class="leftBoxTop">
				    				<i class="topLeft"></i>
				    				<i class="topRight"></i>
				    				<i class="bottomRight"></i>
				    				<i class="bottomLeft"></i>
				    				<p>全市2018年计划实施重大项目共100个，其中市级60个，区县级40个。计划总投资565亿元。本年度计划投资92亿元，截止4月底完成投资47亿，完成本年度计划51%，超序时进度9个百分点，项目总体有序推进。</p>
				    			</div>
				    			<div class="leftBoxBottom">
				    				<ul class="Boxlist">
				    					<li class="boxItem">
				    						<span class="tle">投</span>
				    						<div class="content">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
				    							<ol class="lh20">
					    							<li>年度计划：<b>92</b>亿</li>
					    							<li>本月新增：<b>5</b>亿</li>
					    							<li>累计完成：<b>47</b>亿</li>
					    						</ol>
				    						</div>
				    						
				    					</li>
				    					<li class="boxItem">
				    						<span class="tle">增</span>
				    						<div class="content">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
				    							<ol class="lh30">
					    							<li>项目：<b>6</b>个</li>
					    							<li>投资：<b>13.3</b>亿</li>
	
					    						</ol>
				    						</div>
				    						
				    					</li>
				    					<li class="boxItem">
				    						<span class="tle">建</span>
				    						<div class="content">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
					    						<ol class="lh30">
					    							<li>正常：<b>23</b>个</li>
					    							<li>异常：<b>8</b>亿</li>
					    						</ol>
				    						</div>
				    					</li>
				    					<li class="boxItem">
				    						<span class="tle">完</span>
				    						<div class="content">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
					    						<ol class="lh65">
					    							<li><b>16</b>个</li>
					    						</ol>
				    						</div>
				    					</li>
				    				</ul>
				    			</div>
				    			
				    		</div>
				    		<div class="content-middle">
				    			<div class="midBox" id="map"></div>
				    		</div>
				    		<div class="content-right">
				    			<div class="con-r-top">
				    				<h5>投资情况（2018）</h5>
				    				<div class="r-top-box clearfix">
				    					<div class="boxLeft pull-left">
				    						<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div id="investCondition1"></div>
				    					</div>
				    					<div class="boxRight pull-right">
				    						<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div id="investCondition2"></div>
				    					</div>
				    				</div>
				    			</div>
				    			<div class="con-r-bottom">
				    				<h5>项目情况（2018）</h5>
				    				<div class="r-bottom-box">
				    					<div class="boxTop">
				    						<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div>
						    					<div id="proCondition"></div>
						    				</div>
				    					</div>
				    					<div class="boxMiddle">
				    						<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div>
						    					<div id="bossPro"></div>
						    				</div>
				    					</div>
				    					<div class="boxBottom clearfix">
				    						<div class="bb-left pull-left">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
							    				<div>
							    					<div id="capitalRate"></div>
							    				</div>
				    						</div>
				    						<div class="bb-right pull-right">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
							    				<p>10亿以上项目</p>
							    				<ul class="list">
							    					<li>九德路立交改造：10.23亿</li>
							    					<li>朝阳区棚户改造：16.71亿</li>
							    					<li>新北京东站：18亿</li>
							    					<li>密涿高速：20.4亿</li>
							    					<li>京哈高速立交改造：23.67亿</li>
							    				</ul>
				    						</div>
				    					</div>
				    				</div>
				    			</div>
				    		</div>
				    		
				    	</div>
			    	</div>
			    </div>
				
			</div>
		</div>
		<div class="tip">
			<p>西河堤坝加固工程</p>
			<table>
				<tr>
					<td>投资单位：</td>
					<td>软件园经济投资有限公司</td>
				</tr>
				<tr>
					<td>总投资：</td>
					<td>5.6千万</td>
				</tr>
				<tr>
					<td>计划开工：</td>
					<td>2018年3月</td>
				</tr>
				<tr>
					<td>计划竣工：</td>
					<td>2019年4月30日</td>
				</tr>
				<tr>
					<td>所属产业：</td>
					<td>基础设施设施</td>
				</tr>
				<tr>
					<td>占地面积：</td>
					<td>112亩</td>
				</tr>
				<tr>
					<td>责任单位：</td>
					<td>住建委</td>
				</tr>
			</table>
		</div>
		<!--应用详情主体-->
		<script src="js/common.js"></script>

		<script src="js/marjorProject.js"></script>
		<script>
			$(function(){
				$(".List li").on("click",function(){
					$(this).addClass("active").siblings().removeClass("active");
				})
			})
		</script>
	</body>
</html>
